
<template>
<GlobalCardBox title="访客记录" :showDown="this.BROWSEDOWN" :contontStyle="browseBoxStyle">
     <!-- 遮罩层 -->
    <!-- <div slot="maskLayer" class="maskLayer" v-if="submitState == 2"></div> -->
  
    <div slot="content"  id="Browse">          
         <!-- 导航 -->
          <BrowseNavi id="BrowseNavi" class="flex"/> 

         <!-- 内容 -->
         <BrowseContent id="BrowseContent" />
    </div>
</GlobalCardBox>
</template>
<script>

import GlobalCardBox from '@/components/Package/GlobalCardBox/GlobalCardBox.vue'
import BrowseContent from './BrowseContent/BrowseContent.vue'
import BrowseNavi from './BrowseNavi/BrowseNavi.vue'
import { mapMutations } from 'vuex'
  export default 
  {
     components: { BrowseNavi, BrowseContent, GlobalCardBox },
     name :'', 
     data() {
      return {
         browseBoxStyle:{
             width:'700px',
             height:'700px',
         }
      }
     },
     methods: {
         ...mapMutations('Personal',['BROWSEDOWN']) //关闭窗口
     },
  }
</script>
<style scoped lang='less'>

#Browse{
     width: 100%;
     height: 100%;
     border-radius: 15px;
     overflow: hidden;
     position: relative;
}


// 导航
#BrowseNavi{
    width: 100%;
    height: 100px;
    justify-content: space-between;
    padding: 0px 20px;
    flex-wrap: nowrap;
    box-sizing: border-box;
    position: sticky;
    top: 0;
}
#BrowseContent{
   width: 100%;
   height: 80%;
   overflow: auto;
   justify-content: flex-start;
   padding:20px 20px ;
   margin-bottom: 20px;
   box-sizing: border-box;
}
</style>